<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Document</title>
      <link rel="stylesheet" href="css/index.css" />
      <style></style>

  </head>
<body>
    <header>
        <h1>全国图书订单数据可视化展板</h1>
        <div class="error">数据误差率：1%</div>
        <div class="showTime">当前时间：2020年3月17-0时54分14秒</div>
    </header>
    <section class="mainbox">

        <div class="column">
            <div class="panel recipientnum">
              <h2>下单客户数</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
            <div class="panel totals">
              <h2>总销售金额</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
            <div class="panel ordernum">
              <h2>订单数量</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
            <div class="panel speed">
              <h2>订单处理速度(条/秒)</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
        </div>
        <div class="column">
            <div class="map">
              <div class="chart"></div>
              <div class="map1"></div>
              <div class="map2"></div>
              <div class="map3"></div>
            </div>
        </div>
        <div class="column">
            <div class="panel2 bookname">
              <h2>图书销量排行榜</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
            <div class="panel2 bookpress">
              <h2>出版社图书销量排行榜</h2>
              <div class="chart"></div>
              <div class="panel-footer"></div>
            </div>
        </div>
    </section>
    <script src="js/flexible.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/order.js"></script>
    <script src="js/index.js"></script>
    <script src="js/china.js"></script>
    <script src="js/myMap.js"></script>
</body>
</html>